<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 函数的嵌套：一个函数内部也可以定义一个函数，和局部变量类似，定义在一个函数内部的函数是局部函数。
        // function fun() {
        //     function inner() {
        //         console.log('你好');
        //     }  // 局部函数
        //     inner();        // 调用内部函数
        // }

        // fun();              // 调用外部函数


        // 在函数嵌套中，变量会从内到外逐层寻找它的定义
        var a = 10;
        var b = 20;
        function fun() {
            var c = 30;
            function inner() {
                var a = 40;
                var d = 50;
                console.log(a, b, c, d);
            }
            inner();
        }
        fun();
    </script>
</body>

</html>